<template>
	<div style="padding:0.4rem 0.6rem;">
		<section style="width: 100%;display: flex;flex-direction: column;background-color: white;" @click="sendDetailsParam()">
			<section style="justify-content: left;align-items: center;display: flex;flex-direction: row;height: 2.8rem;padding: 0 0.5rem;">
				<span style="flex: 7;text-align: left;font-size: 1.1rem;">提货编号：{{goodsNumber}}</span>
				<mu-icon style="flex: 1;" value="keyboard_arrow_right" :size="26"/>
			</section>
			<section style="display: flex;flex-direction: column;justify-content: center;justify-content: left;padding: 0 0.5rem;">
				<span  class="card-item-child">客户：{{customerInfo}}</span>
				<span class="card-item-child">车牌号：{{plateNumber}}</span>
				<span class="card-item-child">提货码：{{ladingCode}}</span>
			</section>
			
		</section>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			goodsNumber:{
				type:String,
				default:'100001'
			},
			plateNumber:{
				type:String,
				default:'鲁1115'
			},
			remarks:{
				type:String,
				default:''
			},
			customerInfo:{
				type:String,
				default:''
			},
			materiel:{
				type:String,
				default:''
			},
			ladingCode:{
				type:String,
				default:''
			},
			quantity:{
				type:String,
				default:'10'
			},
			fid:{
				type:Number,
				default:'10'
			},
			PreLoad:{
				type:Number,
				default:''
			},
		},
		methods:{
			sendDetailsParam(){
				let that=this
				this.$emit('sendParam','')
//				that.$router.push(
//			 		{path:'demoOrderDetail',
//			 		name:'demoOrderDetail',
//					 params: { 
//					goodsNumber:that.goodsNumber,
//	                plateNumber:that.plateNumber,
//	                customerInfo:that.customerInfo,
//	                remarks:that.remarks,
//	                materiel:that.materiel,
//	                PreLoad:that.PreLoad,
//	                ladingCode:that.ladingCode,
//	                quantity:that.quantity,
//	                orderid:that.id,
//	                fid:that.fid
//		           }})
				}
		}
	}
</script>

<style>
	.card-item-child{
		text-align: left;
		font-size: 0.9rem;
		height: 1.6rem;
		color: #939393;
	}
</style>